{extend name="common/common" /}
        <!-- Start Breadcrumbs Area -->
    {block name="added"}
    <link rel="stylesheet" href="__INDEX__css/city-picker.css">
    <link rel="stylesheet" href="__INDEX__css/main.css">
    {/block}
    {block name="head"}
    <div class="breadcrumbs-area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="breadcrumbs text-center text-white">
                       <h3 class="text-uppercase">My Acconunt</h3> 
                       <ul class="breadcrumbs-list">
                            <li>
                                <a href="__INDEX__index/index.html" title="Return to Home">Home</a>
                            </li>
                            <li>/</li>
                            <li>我的账号</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {/block}
    <!-- End Of Breadcrumbs Area -->
    <!-- Start page content -->
    <section id="page-content" class="page-wrapper">
        <!-- Start Wishlist Area -->
        {block name="headcontent"}
        <div class="my-account-page section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="procced-checkout">
                            <h4 class="procced-title text-uppercase pb-15 mb-20"><strong>Procced to Checkout</strong></h4>
                            <p>Welcome to your account. Here you can manage all of your personal information and orders.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="addresses-lists">
                        <div class="col-xs-12 col-sm-6 col-lg-6">
                            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

                                <!--个人信息-->
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingTwo">
                                        <h4 class="panel-title">
                                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="__INDEX__#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                                                <i class="zmdi zmdi-format-list-numbered"></i>
                                               <span>个人信息</span>
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                                        <div class="panel-body">
                                            <div class="">
                                                <div class="alert " role="alert">
                                                    <img src="__INDEX__images/wechatlogo.jpeg" class="header img-circle"> {:session('user')[0]['user']}
                                                </div>
                                                <div>
                                                    <!-- Nav tabs -->
                                                    <ul class="nav nav-tabs" role="tablist">
                                                      <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">待付款</a></li>
                                                      <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">待发货</a></li>
                                                      <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">待收货</a></li>
                                                      <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">问题件</a></li>
                                                    </ul>
                                                
                                                    <!-- Tab panes -->
                                                    <div class="tab-content">
                                                      <div role="tabpanel" class="tab-pane active" id="home">...</div>
                                                      <div role="tabpanel" class="tab-pane" id="profile">...</div>
                                                      <div role="tabpanel" class="tab-pane" id="messages">...</div>
                                                      <div role="tabpanel" class="tab-pane" id="settings">...</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--我的地址薄-->
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingThree">
                                        <h4 class="panel-title">
                                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="__INDEX__#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                                                <i class="zmdi zmdi-folder-outline"></i>
                                               <span>我的地址簿</span>
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                                        <div class="panel-body">
                                            <div class="addlist">
                                                {if condition="empty($address)"}
                                                    <div class="default-bg noaddress">
                                                        <p class="alert text-white">你还没有添加地址!!!</p>
                                                    </div>
                                                {else /}
                                                {foreach name="address" key="k" id="v"}
                                                    <div class="alert alert-info alert-dismissible fade in adddetailed" role="alert">
                                                        <button type="button" class="close deladdr" data-id="{$v['id']}" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                        <strong>收件人:</strong> {$v['rec']}    <strong>联系号码:</strong> {$v['pho']}
                                                        <div><strong>城市:</strong>{$v['city']}</div>
                                                        <div><strong>收件地址:</strong>{$v['address']}</div>
                                                        <div class="pull-right"><button type="button" data-id="{$v['id']}" class="btn btn-warning eaitadd text-nowrap">编辑</button></div>
                                                        <div><strong>备注:</strong>{$v['remark']}</div>
                                                    </div>
                                                {/foreach}
                                                {/if}
                                            </div>
                                            <div>
                                                <button type="button" class="btn btn-info" id="btn_add">
                                                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>   新增地址
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--我的二维码-->
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingOne">
                                        <h4 class="panel-title">
                                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                <i class="zmdi zmdi-home"></i>
                                                <span>我的二维码</span>
                                            </a>
                                        </h4>
                                    </div>

                                    <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                                        <div class="panel-body">
                                            <div class="coupon-info">
                                                <h6 class="procced-title text-uppercase pb-15 mb-20">Your qrcode </h6>
                                                <!--<p class="text-black">To add a new address, please fill out the form below.</p>-->
                                                <img src="{:url('qrcode')}" alt="">
                                            </div>
                                            <div class="default-bg">
                                                <p class="alert text-white">{$text}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--我推荐的人-->
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingFive">
                                        <h4 class="panel-title">
                                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="true" aria-controls="headingFive">
                                                <i class="zmdi zmdi-home"></i>
                                                <span>我推荐的人</span>
                                            </a>
                                        </h4>
                                    </div>

                                    <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseFive">
                                        <!--<div class="panel-body">-->

                                            <div class="am-cf cart-panel">
                                                <div class="withdrawals-panel">
                                                   <!-- {if condition="empty($partners['level1'])
                                                    <div class="partners-title-panel">
                                                        <div class="partners-title-panel-title"><span class="am-fr">你还没有推荐过别人，赶紧将二维码或链接发给你的朋友吧</span></div>
                                                    </div>
                                                    {/if}-->
                                                    {if condition="isset($partners['level1'])"}
                                                    <div class="partners-title-panel">
                                                        <div class="partners-title-panel-title"><span class="am-fr">{:count($partners['level1'])}人</span><i class="am-icon-chevron-circle-right"></i>我的一级伙伴</div>
                                                    </div>
                                                    <table class="am-table am-table-striped am-table-hover comm-table">
                                                        <thead>
                                                        <tr>
                                                            <th>ID</th>
                                                            <th>用户名</th>
                                                            <th>日期</th>
                                                        </tr>
                                                        </thead>

                                                        <tbody>
                                                        {foreach name="partners.level1" id="v"}
                                                        <tr>
                                                            <td>{$v.id} </td>
                                                            <td>{$v.user}</td>
                                                            <td>{$v.pid}</td>
                                                        </tr>
                                                        {/foreach}
                                                        </tbody>

                                                    </table>
                                                    {/if}
                                                    {if condition="isset($partners['level2'])"}
                                                    <div class="partners-title-panel">
                                                        <div class="partners-title-panel-title">我的二级伙伴<span class="am-fr">{:count($partners['level2'])}人</span><i class="am-icon-chevron-circle-right"></i></div>
                                                    </div>
                                                    <table class="am-table am-table-striped am-table-hover comm-table">
                                                        <thead>
                                                        <tr>
                                                            <th>ID</th>
                                                            <th>用户名</th>
                                                            <th>日期</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        {foreach name="partners.level2" id="v" }
                                                        <tr>
                                                            <td>{$v.id}</td>
                                                            <td>{$v.user}</td>
                                                            <td>{$v.pid}</td>
                                                        </tr>
                                                        {/foreach}

                                                        </tbody>
                                                    </table>
                                                    {/if}
                                                    {if condition="isset($partners['level3'])"}
                                                    <div class="partners-title-panel">
                                                        <div class="partners-title-panel-title"><span class="am-fr">{:count($partners['level3'])}人</span><i class="am-icon-chevron-circle-right"></i>我的三级伙伴</div>
                                                    </div>
                                                    <table class="am-table am-table-striped am-table-hover comm-table">
                                                        <thead>
                                                        <tr>
                                                            <th>ID</th>
                                                            <th>用户名</th>
                                                            <th>日期</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        {foreach name="partners.level3" id="v"}
                                                        <tr>
                                                            <td>{$v.id}</td>
                                                            <td>{$v.user}</td>
                                                            <td>{$v.pid}</td>
                                                        </tr>
                                                        {/foreach}

                                                        </tbody>
                                                    </table>
                                                    {/if}
                                                </div>
                                            </div>
                                        <!--</div>-->

                                    </div>

                                </div>


                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingFour">
                                        <h4 class="panel-title">
                                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="__INDEX__#collapseFour" aria-expanded="true" aria-controls="collapseFour">
                                                <i class="zmdi zmdi-home"></i>
                                               <span>My personal information</span>
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                                        <div class="panel-body">
                                            <div class="coupon-info">
                                                <h6 class="procced-title text-uppercase pb-15 mb-20">Your addresses </h6>
                                                <p class="text-black">To add a new address, please fill out the form below.</p>
                                                <p class="required">*Required field</p>
                                                    <form action="#">
                                                    <p class="form-row">
                                                        <label><span class="required">*</span>Social title</label>
                                                        </p><div class="radio-inline">
                                                            <label class="top">
                                                                <span class="checked">
                                                                    <input type="radio"> 
                                                                </span>
                                                                Mr.
                                                            </label>
                                                        </div>
                                                        <div class="radio-inline">
                                                            <label class="top">
                                                                <span class="checked">
                                                                    <input type="radio"> 
                                                                </span>
                                                                Mrs.
                                                            </label>
                                                        </div>
                                                    <p></p>
                                                    <p class="form-row">
                                                        <label><span class="required">*</span>Your Full Name</label>
                                                        <input type="text">
                                                    </p>
                                                    <p class="form-row">
                                                        <label><span class="required">*</span>E-mail address</label>
                                                        <input type="text">
                                                    </p>
                                                    <div class="country-select shop-select">
                                                        <label>Date of Birth</label>
                                                        <div class="row">
                                                            <div class="col-xs-4">
                                                                <select>
                                                                    <option>1</option>
                                                                    <option>2</option>
                                                                    <option>3</option>
                                                                    <option>4</option>
                                                                    <option>5</option>
                                                                    <option>6</option>
                                                                    <option>7</option>
                                                                    <option>8</option>
                                                                    <option>9</option>
                                                                    <option>10</option>
                                                                    <option>11</option>
                                                                    <option>12</option>
                                                                    <option>13</option>
                                                                    <option>14</option>
                                                                    <option>15</option>
                                                                    <option>16</option>
                                                                    <option>17</option>
                                                                    <option>18</option>
                                                                    <option>19</option>
                                                                    <option>20</option>
                                                                    <option>21</option>
                                                                    <option>22</option>
                                                                    <option>23</option>
                                                                    <option>24</option>
                                                                    <option>25</option>
                                                                    <option>26</option>
                                                                    <option>27</option>
                                                                    <option>28</option>
                                                                    <option>29</option>
                                                                    <option>30</option>
                                                                </select>                                                               
                                                            </div>
                                                            <div class="col-xs-4">
                                                                <select>
                                                                    <option>January</option>
                                                                    <option>February </option>
                                                                    <option>March </option>
                                                                    <option>April </option>
                                                                    <option>May </option>
                                                                    <option>June </option>
                                                                    <option>July </option>
                                                                    <option>August </option>
                                                                    <option>September </option>
                                                                    <option>October </option>
                                                                    <option>November </option>
                                                                    <option>December </option>
                                                                </select>                                                               
                                                            </div>
                                                            <div class="col-xs-4">
                                                                <select>
                                                                    <option>1990</option>
                                                                    <option>1991</option>
                                                                    <option>1992</option>
                                                                    <option>1993</option>
                                                                    <option>1994</option>
                                                                    <option>1995</option>
                                                                    <option>1996</option>
                                                                    <option>1997</option>
                                                                    <option>1998</option>
                                                                    <option>1999</option>
                                                                    <option>2000</option>
                                                                    <option>2001</option>
                                                                    <option>2002</option>
                                                                    <option>2003</option>
                                                                    <option>2004</option>
                                                                    <option>2005</option>
                                                                    <option>2006</option>
                                                                    <option>2007</option>
                                                                    <option>2008</option>
                                                                    <option>2009</option>
                                                                    <option>2010</option>
                                                                    <option>2011</option>
                                                                    <option>2012</option>
                                                                    <option>2013</option>
                                                                    <option>2014</option>
                                                                    <option>2016</option>
                                                                    <option>2016</option>
                                                                    <option>2017</option>
                                                                    <option>2018</option>
                                                                    <option>2019</option>
                                                                    <option>2020</option>
                                                                </select>                                                        
                                                            </div>
                                                        </div>                                      
                                                    </div>
                                                    <p class="form-row">
                                                        <label><span class="required">*</span>Current Password</label>
                                                        <input type="text">
                                                    </p>
                                                    <p class="form-row">
                                                        <label>New Password</label>
                                                        <input type="text">
                                                    </p>
                                                    <p class="form-row">
                                                        <label>Confirmation</label>
                                                        <input type="text">
                                                    </p>
                                                    <div class="checkbox">
                                                        <label>
                                                            <span><input type="checkbox"></span>
                                                            Sign up for our newsletter!
                                                        </label>
                                                    </div>
                                                    <div class="checkbox">
                                                        <label>
                                                            <span><input type="checkbox"></span>
                                                            Receive special offers from our partners!
                                                        </label>
                                                    </div>
                                                    <a title="Add to Cart" href="__INDEX__#" class="button extra-small">
                                                        <span>Save</span>
                                                    </a>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-lg-6">
                            <div class="myaccount-link-list">                               
                                <div class="panel panel-default mb-5">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a  href="__INDEX__wishlist.html">
                                                <i class="zmdi zmdi-favorite"></i>
                                                <span>My wishlists</span>
                                            </a>
                                        </h4>
                                    </div>
                                </div>
                                <div class="panel panel-default m-0">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a  href="__INDEX__cart.html">
                                                <i class="zmdi zmdi-format-list-numbered"></i>
                                                <span>Order history and details</span>
                                            </a>
                                        </h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" data-backdrop="false" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">新增</h4>
                    </div>
                    <form action="{:url('userhandle/upaddress')}" method="POST" class="upaddress">
                        <div class="modal-body">
                            <p class="form-group">
                                <label for="txt_departmentname">收件人11名称<span class="required"> *</span></label>
                                <input type="text" name="rec" class="form-control" placeholder="请输入名称"/>
                            </p>
                            <p class="" style="margin:0px">
                                <label for="txt_departmentname">城市<span class="required">*</span></label>
                                <div style="position: relative;">
                                    <input type="text" data-toggle="city-picker" class="citylist" placeholder="点击选择城市" name="city" />
                                </div>
                            </p>
                            <p class="form-group">
                                <label for="txt_departmentname">详细地址<span class="required" >*</span></label>
                                <input type="text" name="address" class="form-control" placeholder="请输入详细地址"/>
                            </p>
                            <p class="form-group">
                                <label for="txt_departmentname">手机号码<span class="required">*</span></label>
                                <input type="text" name="pho" class="form-control" placeholder="请输入手机号码"/>
                            </p>
                            <p class="form-group order-notes">
                                <label for="txt_departmentname">备注</label>
                                <textarea name="remark" class="form-control"></textarea>
                            </p>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭</button>
                                <button type="button" id="btn_submit" class="btn btn-primary upadd"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存</button>
                            </div>
                        </div>
                    </form>    
                </div>
            </div>
        </div>


        <div class="modal fade" tabindex="-1" role="dialog" data-backdrop="false" id="confirm">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title">确11认</h4>
                </div>
                <div class="modal-body combody">
                  <p></p>
                </div>
                <div class="modal-footer comfoot">
                  <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                  <button type="button" class="btn btn-primary querydel" data-dismiss="modal">确认删除</button>
                </div>
              </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>

        {/block}


        {block name="js"}
        <script src="__INDEX__js/city-picker.data.js"></script>
        <script src="__INDEX__js/city-picker.js"></script>
        <script src="__INDEX__js/formcheck.js"></script>
        <script>
        var my_account = '{:url("my_account")}';
        var delAddress = "{:url('userhandle/delAddress')}"
        var getdata = '{:url("userhandle/getdata")}'
        </script>
        <script src="__INDEX__js/my_account.js"></script>
        {/block}
        <!-- End Of Wishlist Area -->